RootZanli & NinjaCr3

: / home / o5t6x7pgljbm / public_html / admin / resources / views / Admin / Group /
Filename : index.blade.php
back
@extends('Admin.layout.main')
@section('content')
@section('pagestylesheet')
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/data-tables/css/jquery.dataTables.min.css') }}">
    <link rel="stylesheet" type="text/css"
        href="{{ asset('app-assets/vendors/data-tables/extensions/responsive/css/responsive.dataTables.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/data-tables/css/select.dataTables.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css/pages/data-tables.css') }}">
    <style type="text/css">
        #main .section-data-tables .dataTables_wrapper .dataTables_filter {
            display: block;
        }

        #main .section-data-tables .dataTables_wrapper .dataTables_filter label {
            display: inline-flex;
            font-size: 18px;
        }
        .dataTables_wrapper .dataTables_filter input {
            height: 1.5rem;
        }
        #main .section-data-tables .dataTables_wrapper .dataTables_length {
            display: block;
        }
        #main .section-data-tables .dataTables_wrapper select {
            display: block;
        }

        #main .section-data-tables .dataTables_wrapper .dataTables_length label {
            display: inline-flex;
            font-size: 15px;
        }

        select{
            width: 100%;
            height: 25px;
            padding: 0px 3px;
            font-size: 15px
        }
    </style>
@stop
<!-- BEGIN: Page Main-->
<div id="main">
    <div class="row">
        <div class="col s12">
            <div class="container">
                <div class="section section-data-tables">
                    <div class="row">
                        <div class="col s12">
                            <div class="card">
                                <div class="card-content">
                                    <!-- Add category -->
                                    <h4 class="card-title">Groups
                                        <a href="{{ route('groups.create') }}" class="btn btn-success"
                                            style="float: right;">Add Group</a>
                                    </h4>
                                    <!-- Add category close-->

                                    <div class="row">
                                        <div class="col s3 mt-2">
                                            <select name="user_id" id="user_id" required>
                                                <option value="">- User Name -</option>
                                                @foreach($users as $user)
                                                    @if($user->user_id == Request::get('user_id'))
                                                        <option value="{{$user->user_id}}" selected="">{{$user->full_name}}</option>
                                                    @else
                                                        <option value="{{$user->user_id}}">{{$user->full_name}}</option>
                                                    @endif
                                                @endforeach
                                             </select>
                                        </div>

                                        <div class="col s2 mt-2">
                                            <button name="filter" id="filter" class="btn button-success">Filter</button>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col s12 mt-2">
                                            <table id="groupTable" class="display">
                                                <thead>
                                                    <tr>
                                                        <th class="text-center">Group Image</th>
                                                        <th class="text-center">Group Name</th>
                                                        <th class="text-center">UUID</th>
                                                        <th class="text-center">User Name</th>
                                                        <th class="text-center">Country</th>
                                                        <th class="text-center">Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>

                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Page Main-->
@endsection
@section('pagescript')
<script src="{{ asset('app-assets/vendors/data-tables/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('app-assets/vendors/data-tables/extensions/responsive/js/dataTables.responsive.min.js') }}">
</script>
<script src="{{ asset('app-assets/vendors/data-tables/js/dataTables.select.min.js') }}"></script>
<script src="{{ asset('app-assets/js/scripts/data-tables.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {

        load_data();
        function load_data(user_id = '')
        {
            $('#groupTable').DataTable({
                "scrollX": true,
                "processing": true,
                "serverSide": true,
                "stateSave":true,
                "ajax": {
                    "url": "{{ route('admin.group.group_list') }}",
                    "dataType": "JSON",
                    "type": "POST",
                    "data": function(e){
                        e._token = $('meta[name="csrf-token"]').attr('content'),
                        e.user_id = $('#user_id').val();
                    }
                },
                "columns": [
                    {
                        "data": "group_image",
                        "orderable": true,
                        "class": "text-center"
                    },
                    {
                        "data": "group_name",
                        "orderable": true,
                        "class": "text-center"
                    },
                    {
                        "data": "uuid",
                        "orderable": true,
                        "class": "text-center"
                    },
                    {
                        "data": "full_name",
                        "orderable": true,
                        "class": "text-center"
                    },
                    {
                        "data": "country_name",
                        "orderable": true,
                        "class": "text-center"
                    },
                    {
                        "data": "group_id",
                        "orderable": false,
                        "class": "text-center"
                    }
                ],
                "aaSorting": []
            });
        }
        $('#filter').click(function(){
            var user_id = $('#user_id').val();

            $('#groupTable').DataTable().destroy();
            load_data(user_id);
        });
    });

    function delete_group(group_id) {

        swal({
            title: "Are you sure?",
            text: "You will not be able to recover this data!",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#8BC34A",
            confirmButtonText: "Yes, delete it!",
            closeOnConfirm: false,
            showLoaderOnConfirm: true,
            /*iconColor: '#000',*/
        }, function() {
            swal("Deleted!", "Your data has been deleted.", "success");
            // $("#frm-del-"+GameID).submit();
            $("#groupTable-" + group_id).submit();

            return true;
        });

        return false;
    }
</script>
@stop